﻿@{
    ViewBag.Title = "Index";
    Layout = "~/Areas/FRONT/Views/Shared/_Layout.cshtml";
} 

<div style="width: 1000px; margin: 0 auto; margin-top: 10px;">
    <div class="linktree">
        <a href="#">Home</a>
        &raquo; <a href="#">OutdoorHand</a>
        &raquo; <a href="#">SPYDERCO......</a> 
    </div>
    <div id="notification"></div>
    <div id="column-left">
        <div class="box">
            <div class="box-heading_left">Categories</div>
            <div class="box-content" style="background: none; border: none;">
                <div class="box-category">
                    <ul>
                        <li>
                            <a href="#">BeautyNail(13)</a>
                            <ul>
                                <li>
                                    <a href="#">HandTool(0)</a>
                                </li>
                                <li>
                                    <a href="#">Other(1)</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="#">Damascus (0)</a>
                        </li>
                        <li>
                            <a href="#" class="active">OutdoorHand (4)</a>
                            <ul>
                                <li>
                                    <a href="#">- StainlessSteel 11 (0)</a>
                                </li>
                                <li>
                                    <a href="#4">- Titanium 12 (0)</a>
                                </li>
                                <li>
                                    <a href="#">- Steel 15 (0)</a>
                                </li>
                                <li>
                                    <a href="#">- Other 16 (0)</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

    </div>
    <div id="content">
        <div class="block-white">
            <div class="block-content">
            </div>
            <div class="separator"></div>
            <div class="block-content">
                <div class="product-info">

                    <div class="left">
                        <div class="image">
                            <a href="#" title="iMac">
                                <img src="images/imac_1-228x228.jpg" title="iMac" alt="iMac" id="image" style="width: 360px; height: 300px;" />
                            </a>
                        </div>
                        <div class="image-additional">
                            <a href="#" title="iMac">
                                <img src="images/imac_3-74x74.jpg" title="iMac" alt="iMac" style="width: 40px; height: 40px;" />
                            </a>
                            <a href="#" title="iMac">
                                <img src="images/imac_2-74x74.jpg" title="iMac" alt="iMac" style="width: 40px; height: 40px;" />
                            </a>
                            <a href="#" title="iMac">
                                <img src="images/imac_3-74x74.jpg" title="iMac" alt="iMac" style="width: 40px; height: 40px;" />
                            </a>
                            <a href="#" title="iMac">
                                <img src="images/imac_2-74x74.jpg" title="iMac" alt="iMac" style="width: 40px; height: 40px;" />
                            </a>
                            <a href="#" title="iMac">
                                <img src="images/imac_2-74x74.jpg" title="iMac" alt="iMac" style="width: 40px; height: 40px;" />
                            </a>
                        </div>
                    </div>

                    <div class="right">
                        <p style="font-weight: bold; font-size: medium">
                            SPYDERCO C36GPCMOBK Military Digital Camouflage G-10
                            Handle CPM-S30V Black Blade Folding Knives Surival Camping knife tools
                        </p>
                        <br />
                        <style>
                            .leftfont {
                                text-align: left;
                                vertical-align: middle;
                            }
                        </style>

                        <div id="tab-information" class="tab-content">
                            <div id="information"></div>
                            <div class="price">
                                <table>
                                    <tr>
                                        <td class="leftfont">Price: &nbsp;  &nbsp; </td>
                                        <td>
                                            <del class="original-price notranslate">US $<span id="Span1">26.80</span>/  piece </del>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="leftfont">Discount &nbsp; Price: &nbsp;  &nbsp; </td>
                                        <td>
                                            <span style="white-space: nowrap; font-weight: bold; font-size: x-large">
                                                <span itemprop="priceCurrency">US $</span>
                                                <span id="sku-discount-price">24.66</span>
                                            </span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="leftfont">Qty: &nbsp;  &nbsp; </td>
                                        <td>
                                            <input class="quantity" type="text" name="quantity" size="2" value="1" style="width: 100px" />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="leftfont">Total Price: &nbsp;  &nbsp; </td>
                                        <td>
                                            <span style="white-space: nowrap; font-weight: bold; font-size: large">US $24.66 </span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td colspan="2">
                                            <p style="vertical-align: middle; text-align: center">

                                                <a id="button-Buy" class="buynow">Buy Now</a>
                                                <a id="button-cart" class="button">Add to Cart</a>
                                                <a class="wishlist">
                                                    <img src="images/wishlist.png" style="vertical-align: middle;" title="Add to Wish List" />
                                                </a>
                                            </p>
                                        </td>
                                    </tr>

                                </table>
                            </div>
                            <div class="review">
                                <div>
                                    <img src="images/stars.png" alt="0 reviews" />&nbsp;&nbsp;
                                    <a >0 reviews</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                                    <a >Write a review</a>
                                </div>
                            </div>

                        </div>
                    </div>
                    .
                    <div class="Prodown">
                        <div id="tabs" class="tabs">
                            <a href="#tab-information" class="selected">
                                <img alt="Information" src="images/Info.png" style="margin-top: 6px;" /><div></div>
                            </a>
                            <a href="#tab-review">FeeBack (0)</a>
                        </div>

                        <style>
                            .category-list-bottom {
                                margin-bottom: 0px;
                            }

                            .column-top {
                                margin-top: 10px;
                            }
                        </style>


                        <div class="column description column-top">
                            <div class="category-list category-list-bottom">
                                <div class="column20p">
                                    <ul style="width: 350px;">
                                        <li><span>&raquo;&nbsp;Model Number:</span> <a href="#">SP-C36GPCMOBK</a></li>
                                        <li><span>&raquo;&nbsp;Brand Name:</span> <a href="#">Spyderco</a></li>
                                        <li><span>&raquo;&nbsp;is_customized:</span> <a href="#">Yes</a></li>
                                        <li><span>&raquo;&nbsp;Blade Material:</span> <a href="#">CPM-S30V Powder Steel</a></li>
                                    </ul>
                                </div>
                                <div class="column20p">
                                    <ul style="width: 350px;">
                                        <li>
                                            <span>&raquo;&nbsp;Application:</span> <a href="#">Camping Knife</a><br />
                                        </li>
                                        <li><span>&raquo;&nbsp;Type:</span> <a href="#">Folding Blade Knife</a></li>
                                        <li><span>&raquo;&nbsp;Blade Material:</span> <a href="#">CPM-S30V Powder Steel</a></li>
                                        <li><span>&raquo;&nbsp;Handle Material:</span> <a href="#">Digital Camouflage G-10</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <img src="images/1.jpg" alt="1" style="width: 797px" />
                        <img src="images/1.jpg" alt="1" style="width: 797px" />
                        <img src="images/1.jpg" alt="1" style="width: 797px" />
                        <img src="images/1.jpg" alt="1" style="width: 797px" />
                        <img src="images/1.jpg" alt="1" style="width: 797px" />
                        <img src="images/1.jpg" alt="1" style="width: 797px" />
                        <img src="images/1.jpg" alt="1" style="width: 797px" />
                        <img src="images/1.jpg" alt="1" style="width: 797px" />
                        <img src="images/1.jpg" alt="1" style="width: 797px" />
                        <img src="images/1.jpg" alt="1" style="width: 797px" />
                        <img src="images/1.jpg" alt="1" style="width: 797px" />
                        <img src="images/1.jpg" alt="1" style="width: 797px" />
                    </div> 
                </div>
            </div>
        </div>

    </div>
</div>